<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<title>牧车邦</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">

		<style>
			.table_show {
				width: 300px;
				margin-left: 100px;
				margin-top: 20px;
				font-size: 16px;
				font-family: "楷体";
			}
		</style>
	</head>

	<body>
	<form action="PartsServlet?op=addwx" method="post">
		<header>
			<div class="main">
				<div class="logo left"><img src="./images/logo.png" alt=""> <span class="muen"></span></div>
				<ul class="nav-list right">
					<li ><a href="index.jsp"><span>01</span>首页</a></li>
					<li><a href="PartsServlet?op=yhby"><span>02</span>车辆保养</a></li>
					<li><a href="PartsServlet?op=mrby"><span>03</span>车辆美容</a></li>
					<li class="current"><a href="PartsServlet?op=wxby"><span>04</span>车辆维修</a></li>
					<li><a href="HelpServlet?op=msi"><span>05</span>车辆救援</a></li>
					<li><a href="partner.html"><span>06</span>合作伙伴</a></li>
					<li><a href="hdzq.html"><span>07</span>企业活动</a></li>
					<li><a href="about.html"><span>08</span>关于我们</a></li>
			
				</ul>
			</div>
		</header>
		<div class="navbg"></div>
		<section class="sbanner mfzq">
	<div class="main">
		<div class="text">
			<h3>会员服务</h3>
			<p><span></span></p>
			<div>为了给广大客户提供更优质的服务我们牧车帮还免费提供保养上门服务，每一位师傅都拥有着精湛的维修和保养技艺，配套我们平台以及保险公司联合担保的高品质产品，比如机油、轮胎和配件以确保让我们的每一位客户都可以享受来自牧车帮的尊享型服务体验。</div>
		</div>
	</div>
</section>


			<section class="content">
			<div class="main">
				<ul class="nav">
					<li><a href="service.html">车辆服务 <span>01</span></a></li>
					<li><a href="PartsServlet?op=yhby"><span>02</span>车辆保养</a></li>
					<li><a href="PartsServlet?op=mrby"><span>03</span>车辆美容</a></li>
					<li class="act"><a href="PartsServlet?op=wxby"><span>04</span>车辆维修</a></li>
					<li><a href="HelpServlet?op=msi"><span>05</span>车辆救援</a></li>
					<li><a href="store.jsp">会员服务 <span>06</span></a></li>
					<li><a href="hdzq.html">活动专区 <span>07</span></a></li>
					<li><a href="recruit.html">人才招聘<span>08</span></a></li>
				</ul>

				<div class="service">
					<div class="main">
						<div class="recruit">
							<div class="th">
								<div class="tt th0" width="10%">店铺标号</div>
								<div class="tt th1" width="20%">店 铺 名</div>
								<div class="tt th2" width="10%">店铺电话</div>
								<div class="tt th3" width="40%">店铺地址</div>
								<div class="tt th4" width="10%">店铺评级</div>

							</div>
							<c:forEach var="d" items="${s }">
							<div class="td">
								<div class="tt th0">${d.id }</div>
								<div class="tt th1">${d.storeName }</div>
								<div class="tt th2">${d.storeTel }</div>
								<div class="tt th3">${d.storeAddress }</div>
								<div class="tt th4">${d.storeLevel }</div>
							</div>
							</c:forEach>
								<div class="table_show">
								<table>
									<tr>
										<td>车牌:</td>
										<td><input type="text" name="carNum"></td>
									</tr>
									<tr>
										<td>车辆类型:</td>
										<td><input type="text" name="carName"></td></tr>
									<tr>
										<td>排气量:</td>
										<td><input type="text" name="carAir"></td>
									</tr>
									<tr>

										<td>预约门店:</td>
										<td>
											<select name="store">
								    			<option value="0">请选择</option>
								    			<c:forEach var="d" items="${s }">
								    			<option value="${d.id }" > 			
								    				${d.storeName }
								    			</option>
								    			</c:forEach>
								    		</select>
										</td>
									</tr>
									<tr>
										<td>维修项目:</td>
										<td>
											<select name="msi">
								    			<option value="0">请选择</option>
								    			<c:forEach var="d" items="${m }">
								    			<option value="${d.id }" > 			
								    				${d.typeName }
								    			</option>
								    			</c:forEach>
								    		</select>
										</td>

									</tr>
									<tr>
										<td>预约日期:</td>
										<td><input type="date" name="time"></td>
									</tr>
									<tr>
										<td>维修说明:</td>
										<td><textarea name="featExp"></textarea></td>
									</tr>

								</table>
								<p align="right">------- 以上信息还望亲 认真填写哦！
									<input type="submit" value="提交" id="ti"></p><br><br>

							</div>
								<div class="text open">
									<h4>服务职责：</h4>
									<p>1、执行公司的相关维修准则，给予顾客最好的服务；</p>
									<p>2、根据客户的要求，做到最好； </p>
									<p>3、根据市场发展和客户要求规划，制定计划并落实执行； </p>
									<p>4、积极维护与树立品牌与企业形象，确保与提高客户满意度与忠诚度</p>
									<p>5、建立良好的客户关系，对长期客户进行跟踪和维护，做好市场/客户及竞争对手的信息收集工作； </p>
									<p>联系人：牧车帮维修部</p>
									<p>联系电话：13886082012 邮箱：13886082012@qq.com</p>

								</div>
							</div>
						</div>

					</div>
				</div>
			</div>

		<footer>
			<div class="top">
				<a>T.O.P</a>
			</div>
			<div class="bot">
				<div class="main">
					<div class="l">
						<div class="li3">
							<h3>服务</h3>
							<ul>
								<li>
									<a href="">车辆服务</a>
								</li>
								<li>
									<a href="">维修及保养</a>
								</li>
								<li>
									<a href="">安全管理</a>
								</li>
								<li>
									<a href="">金融管理</a>
								</li>
								<li>
									<a href="">会员服务</a>
								</li>
								<li>
									<a href="">免费专区</a>
								</li>
								<li>
									<a href="">驾驶员招聘与求职</a>
								</li>
							</ul>
						</div>
						<div class="li3">
							<h3>企业资讯</h3>
							<ul>
								<li>
									<a href="">物流信息</a>
								</li>
								<li>
									<a href="">车队信息</a>
								</li>
								<li>
									<a href="">行业规范</a>
								</li>
							</ul>
							<h3>企业活动</h3>
							<ul>
								<li>
									<a href=""></a>
								</li>
							</ul>
						</div>
						<div class="li3">
							<h3>关于我们</h3>
							<ul>
								<li>
									<a href="">公司介绍</a>
								</li>
								<li>
									<a href="">最新动态</a>
								</li>
								<li>
									<a href="">联系我们</a>
								</li>
								<li>
									<a href="">人才招聘</a>
								</li>
							</ul>
							<h3>合作伙伴</h3>
							<ul>
								<li>
									<a href=""></a>
								</li>
							</ul>
						</div>
					</div>
					<div class="r">
						<div class="ri2 text">
							<h3>联系我们</h3>
							<ul>
								<li>电话：0517-8888888</li>
								<li>传真：0517-6666666</li>
								<li>邮箱：1243282709@qq.com</li>
								<li>地址：江苏省徐州市矿大科技园</li>
							</ul>
						</div>
						<div class="ri2 img">
							<img src="images/wechat.png" alt="">
							<p>扫一扫关注我们</p>
						</div>
					</div>
				</div>
			</div>
			<div class="main copy">
				Copyright © 2018 牧车帮科技有限公司 备案号：苏234343234
			</div>
		</footer>
		<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript">
			$(function() {
				$(window).scroll(function() {
					var p = $(window).scrollTop();
					if(p > 100) {
						$('footer .top').show();
					} else {
						$('footer .top').hide();
					}
				});

				$("footer .top").click(function() {
					$("html,body").animate({
						scrollTop: 0
					}, 500);
				});
				var top = $('header').outerHeight();
				var fot = $('footer').outerHeight();
				var hei = $(window).height();
				$('.content').css('min-height', hei - top - fot);

				$('header .muen').click(function() {
					$('.navbg').toggle();
					$('header').toggleClass('menu-is-open');
				})
				$('.navbg').click(function() {
					$('.navbg').hide();
					$('header').removeClass('menu-is-open');
				})
			})
		</script>
 	</form>
	</body>

</html>